<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>个人信息</span>
      <el-button style="float: right; padding: 1px 0" type="text">设置</el-button>
    </div>

    <div class="text item" style="margin-left: 15px;display: flex;flex-direction: row;">
      <div class="demo-basic--circle" style="margin-top: 10px">
        <div class="block">
          <el-avatar :size="100" :src="circleUrl"></el-avatar>
        </div>
      </div>
      <div>
        <ul style="list-style: none;line-height: 30px;">
          <li>{{userName}}</li>
          <li>{{department}}：{{userPosition}}</li>
          <li>入职时间：{{hiredate}}</li>
        </ul>
      </div>
    </div>


  </el-card>
</template>

<script>
  export default {
    name: 'personal',
    data() {
      return {
        circleUrl: '/oa-system/static/img/logo.732c102d.png',
        sizeList: ['large', 'medium', 'small'],
        userName: '王五',
        userPosition: 'Web前端开发工程师',
        department: '研发部',
        hiredate: '2021-08-09'
      }
    }
  }


</script>

<style scoped>


</style>
